<template>
	<div class="home_ban">
            <mu-carousel transition="fade">
                <mu-carousel-item>
                    <img :src="carouselImg1">
                </mu-carousel-item>
                <mu-carousel-item>
                    <img :src="carouselImg2">
                </mu-carousel-item>
                <mu-carousel-item>
                    <img :src="carouselImg3">
                </mu-carousel-item>
                <mu-carousel-item>
                    <img :src="carouselImg4">
                </mu-carousel-item>
                <mu-carousel-item>
                    <img :src="carouselImg5">
                </mu-carousel-item>
                <mu-carousel-item>
                    <img :src="carouselImg6">
                </mu-carousel-item>
                </mu-carousel>
	</div>
</template>
<script>
import carouselImg1 from '../assets/images/l1.jpg'
import carouselImg2 from '../assets/images/l2.jpg'
import carouselImg3 from '../assets/images/l3.jpg'
import carouselImg4 from '../assets/images/l4.jpg'
import carouselImg5 from '../assets/images/l5.jpg'
import carouselImg6 from '../assets/images/l6.jpg'
export default {
    data () {
        return {
            carouselImg1,
            carouselImg2,
            carouselImg3,
            carouselImg4,
            carouselImg5,
            carouselImg6
        }
    }
}
</script>
<style lang="scss" scoped>
/deep/ .mu-carousel {
    height: 251px;
}
</style>
